<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
<!DOCTYPE html>
<html>
	<head><title>Облако друзей</title></head>
	<body>
		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
		<script type="text/javascript">google.load("jquery", "1.5.2");</script>

		<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
		<script type="text/javascript">
		  VK.init(function() {
			 VK.api('friends.get', {fields: 'first_name'}, function(r) {
				var names = [];
				for ( i = 0; i < r.response.length; i++ )
					names.push(r.response[i].first_name);

				$.post('/img.php', {names: names}, function(r) {
					$('#img').html('<img src="images/' + r + '"/>');
				}, 'json');
			 })
		  });
		</script>

		<h1 align="center">Облако имен моих друзей</h1>
		<div id="img" style="text-align: center; margin: 10px; font-size: 11px;">
			Секундочку...
		</div>
	</body>
</html>